<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人信息</title>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/per.css">
	<script src="__PUBLIC__/Home/js/jquery-1.8.3.min.js"></script>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/goodsCollect.css">
	<script src="__PUBLIC__/Home/js/goodsCollect.js"></script>
</head>
<body>
  <div id="mainContent">
	<div class="fl clearFix">
		<div id="nav" style="float:left;margin-top:20px;">
			<h3>我的交易<a href="javascript:void(0)" class="slide_down" ></a></h3>
			<ul>
				<li><a href="<{:U('order/index')}>" class="zi">我的订单</a></li>
			</ul>
			<h3>我的收藏<a href="javascript:void(0)" class="slide_down" ></a></a></h3>
			<ul>
				<li><a href="<{:U('index/goodsCollect',['show'=>'goodsCollect'])}>" class="zi collectGoodsA">商品收藏</a></li>
			</ul>
			<h3>个人中心<a href="javascript:void(0)" class="slide_down" ></a></h3>
			<ul>
				<li><a href="<{:U('personal/index')}>" class="zi">个人信息</a></li>
				<li><a href="<{:U('index/goodsCollect',['show'=>'address'])}>" class="zi buyaddressA">收货地址</a></li>
			</ul>
		</div>
	</div>

	<div id="box">
		<h2>编辑个人档案 <span class="dai">(带<span class="red">*</span>号的项目为必填项)</span></h2>
		<hr>
		<div id="top">
			<div id="center">
				<!-- 选择头像开始 -->
				
				<div id="center-left">
				<!-- <php>var_dump($imgs);</php> -->
				
				<img src="__PUBLIC__<{$list[0]['photo']}>" alt="" id="big" style="width:103px;height:103px;" value="<{$data.photo}>"/>
				
				</div>
					<div id="center-right"><!--center-left-->
						<p>您可以在下方选择自己喜欢的头像：</p>
						<div id="images"><!--images-->
							<ul id="imagesTop" style="height:20px;">
								<li style='background-color:#fff;height:20px;'>酷男</li>
								<li>靓女</li>
								<li>可爱动物</li>
								<li>个性</li>
							</ul>
							<ul id="imagesBtm">
								<li style="display:block;">
									<div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_1_s.gif" alt="第一个头像" id="img" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_2_s.gif" alt="第二个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_3_s.gif" alt="第三个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_4_s.gif" alt="第四个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_5_s.gif" alt="第五个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_6_s.gif" alt="第六个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_7_s.gif" alt="第七个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_8_s.gif" alt="第八个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_9_s.gif" alt="第九个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_10_s.gif" alt="第十个头像" onclick="show(this)" /></div>
								</li>
								<li>
									<div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_11_s.gif" alt="第一个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_12_s.gif" alt="第二个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_13_s.gif" alt="第三个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_14_s.gif" alt="第四个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_15_s.gif" alt="第五个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_16_s.gif" alt="第六个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_17_s.gif" alt="第七个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_18_s.gif" alt="第八个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_19_s.gif" alt="第九个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_20_s.gif" alt="第十个头像" onclick="show(this)" /></div>
								</li>
								<li>
									<div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_21_s.gif" alt="第一个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_22_s.gif" alt="第二个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_23_s.gif" alt="第三个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_24_s.gif" alt="第四个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_25_s.gif" alt="第五个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_26_s.gif" alt="第六个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_27_s.gif" alt="第七个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_28_s.gif" alt="第八个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_29_s.gif" alt="第九个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_30_s.gif" alt="第十个头像" onclick="show(this)" /></div>
								</li>
								<li>
									<div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_31_s.gif" alt="第一个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_32_s.gif" alt="第二个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_33_s.gif" alt="第三个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_34_s.gif" alt="第四个头像" onclick="show(this)" /></div><div class="images-ku"><img src="__PUBLIC__/Home/images/pic_head_35_s.gif" alt="第五个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_36_s.gif" alt="第六个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_37_s.gif" alt="第七个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_38_s.gif" alt="第八个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_39_s.gif" alt="第九个头像" onclick="show(this)" /></div><div class="images-nan"><img src="__PUBLIC__/Home/images/pic_head_40_s.gif" alt="第十个头像" onclick="show(this)" /></div>
								</li>
							</ul>
						</div><br><!--images-->
						<form action="<{:U('update')}>" method="post">
							<!-- <input type="hidden" name="photo" value="<{$data.photo}>"/> -->
							<!-- <input type="hidden" name="id" value="<{$data.id}>" /> -->
							<input type="submit" value="保存头像" />
						</form>
						<form action="<{:U('upload')}>" enctype="multipart/form-data" method="post">
						<div id="uploads">
							<p>或从您的电脑中上传图片作为头像:</p><br>
							<div id="up-bottom" style="width:445px;height:23px;"><input type="file" name="photo" value="" class="text-word" style="float:left;"><input type="submit" value="上传" style="float:right;width:50px;"></div>
						</div>
						</form>
					</div><!--center-right-->
						
			</div><!--center-->
		</div><!--top-->
		<form action="<{:U('update')}>" method="post">
			 <input type="hidden" name="id" value="<{$data.id}>" />
			<div class="box-message">
				<span class="red">*</span>昵称:&nbsp;&nbsp;&nbsp;<input type="text" name="nickname" id="txtname" style="height:28px;" value="<{$data.nickname}>">
			</div>
			<div class="box-message">
				<span class="red">*</span>居住地:&nbsp;&nbsp;<input type="text" name="live" id="txtlive" style="height:28px;" value="<{$data.live}>" />
			</div>
			<div class="box-message">
				<span class="red">*</span>性别:&nbsp;&nbsp;
        		<input type="radio" name="sex" value="1" <if condition="$data.sex eq '1'">checked</if>>男
				<input type="radio" name="sex" value="0" <if condition="$data.sex eq '0'">checked</if>>女
			</div>
			<div class="box-message">
				博客地址:&nbsp;<input type="text" name="blogurl" id="txturl" style="height:18px;width:300px;" value="<{$data.blogurl}>" />
			</div>
			<div class="box-message">
				居住状态:&nbsp;
        		<input type="radio" name="livestatus" value="0" <if condition="$data.livestatus eq '0'">checked</if>>独居
				<input type="radio" name="livestatus" value="1" <if condition="$data.livestatus eq '1'">checked</if>>和伴侣
				<input type="radio" name="livestatus" value="2" <if condition="$data.livestatus eq '2'">checked</if>>和室友
				<input type="radio" name="livestatus" value="3" <if condition="$data.livestatus eq '3'">checked</if>>和父母
				<input type="radio" name="livestatus" value="4" <if condition="$data.livestatus eq '4'">checked</if>>和孩子
				<input type="radio" name="livestatus" value="5" <if condition="$data.livestatus eq '5'">checked</if>>和宠物
			</div>
			<div class="box-text">
				<span>兴趣爱好:</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<textarea name="hobby" id="" cols="60" rows="3" placeholder="例如:阅读、骑行、瑜伽"><{$data.hobby}></textarea>
			</div>
			<div class="box-lover">
				<span>喜欢或欣赏的人:</span>&nbsp;
				<textarea name="lover" id="" cols="50" rows="5" placeholder="例如:金庸、姚明、周杰伦"><{$data.lover}></textarea>
			</div>
			<div class="box-des">
				<span>自我介绍:</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<textarea name="description" id="" cols="50" rows="5"><{$data.description}></textarea>
			</div><br>
			<div id="input-sub">
				<input type="submit" value="保存基本信息" />
			</div>
		</form>
	</div>
	</div>
</body>
<script>
		var topLi = document.getElementById('imagesTop').getElementsByTagName('li');
		var contLi = document.getElementById('imagesBtm').getElementsByTagName('li');
		var hei = parseInt(document.getElementById('imagesTop').style.height);
		//alert(hei);
		for(var i=0;i<topLi.length;i++){
			(function(i){
				topLi[i].onmouseover=function(){
					for(var j=0;j<contLi.length;j++){
						topLi[j].style.backgroundColor='#f5f5f5';
						topLi[j].style.height=hei-1+'px';
						contLi[j].style.display='none';
					}
					topLi[i].style.backgroundColor='#F4FEFF';
					topLi[i].style.height=hei+'px';
					contLi[i].style.display='block';
				}
			})(i)
			
		}
</script>
<script>
	var center = document.getElementById('big');
	function show(obj){
		center.src=obj.src;
		center.style.display="block";
	}
</script>

</html>